<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<input type="text" id="txt" />
		<input type="button" value="删除" id="shanc"  />
		<input type="button"  value="创建" id="chuangj"  />
		<ul id="ul">
			
		</ul>
		<script >
			//获取元素
			var txt=document.getElementById('txt');
			var chuangj=document.getElementById('chuangj');
			var ul=document.getElementById('ul');
			var chanc=document.getElementById('shanc');
			//点按钮添加点击事件
			chuangj.onclick=function(){
				/*1.创建li节点
				  2.li的内容赋值
				  3.把li添加到ul的最后一个节点*/
              var li=document.createElement('li');
		      li.innerHTML=txt.value;
		      ul.appendChild(li);
			};
			
			shanc.onclick=function(){
				/*1.获取最后一个子节点，然后删除*/
				 ul.lastElementChild.remove();
			};
		</script>
		
	</body>
</html>
